<script setup>

</script>

<template>
  <div>
    <!--    相当于超链接-->
    <!--    <router-link to=""></router-link>-->
    <!--    设置某个路由设置组件展示的位置-->
    <!--    <router-view></router-view>-->
    <h3>路由的连接</h3>
    <router-link to="/">Home页</router-link>
    <router-link to="/list">List页</router-link>
    <router-link to="/add">Add页</router-link>
    <router-link to="/update">Update页</router-link>
    <hr>
    <h3>路由连接对应视图的展示位置</h3>
    <router-link to="/">Home页</router-link>

    <hr>
    默认展示位置：
    <router-view name="homeView"></router-view>
    <router-view></router-view>

    <hr>
    List展示位置：
    <router-view name="listView"></router-view>
    <router-view></router-view>

    <hr>
    Add视图展示位置：
    <router-view name="addView"></router-view>
    <router-view></router-view>

    <hr>
    Update视图展示位置：
    <router-view name="updateView"></router-view>
    <router-view></router-view>
  </div>
</template>

<style scoped>

</style>
